<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="" name="description">
    <meta content="" name="author">

    <title>详情</title>
    <link href="assets/bootstrap/css/bootstrap.min.css" th:href="@{/assets/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,900|Dancing+Script:400,700|Raleway:400,100,300,700,900|Reenie+Beanie&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

    <link href="assets/font-awesome/css/font-awesome.min.css" th:href="@{/assets/font-awesome/css/font-awesome.min.css}" rel="stylesheet">
    <link href="assets/css/plugins.css" th:href="@{/assets/css/plugins.css}" rel="stylesheet">
    <link href="style.css" th:href="@{/style.css}" rel="stylesheet">
</head>

<body class="top-navigation pushy-right-side regular-nav">

    <!-- Site Overlay -->
    <div class="site-overlay"></div>

    <div id="master-wrapper">
        <div th:replace="main/common/header::header-menu"></div>
		<section class="white-wrapper">
            <div class="section-inner">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-10 col-sm-offset-1">
		                        <div class="row project-item wow fadeIn" data-wow-delay="0.2s">
		                        <div class="col-sm-9" th:utext="${content.textContent}">
                                </div>
		                        <div class="col-sm-3">
		                            <p><strong>时间:</strong> [[${#dates.format(content.time, 'yyyy-MM-dd HH:mm')}]]</p>
		                            <p><strong>作者:</strong> 虫虫 </p>
		                            <p><strong>分类:</strong> [[${content.categoryName}]]</p>
		                        </div>
		                    </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <a href="#" id="back-to-top"><i class="fa fa-angle-up"></i></a>

    </div>
    <div class="row sub-footer" style="text-align: center;">
        <p class="copyright"><small>XXX &copy; 2020-2099.虫虫专属.</small></p>
    </div>
    <script src="assets/js/jquery.min.js" th:src="@{/assets/js/jquery.min.js}"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js" th:src="@{/assets/bootstrap/js/bootstrap.min.js}"></script>
    <script src="assets/js/owl-carousel.js" th:src="@{/assets/js/owl-carousel.js}"></script>
    <script src="assets/js/plugins.js" th:src="@{/assets/js/plugins.js}"></script>

    <script src="assets/js/init.js" th:src="@{/assets/js/init.js}"></script>
</body>
</html>